﻿Ext.define('Roy.view.Viewport', {
    extend: 'Ext.container.Viewport',

    requires: [
    	'Roy.view.main.Header',
    	'Roy.view.main.Footer',
        'Roy.view.main.Menu',
        'Roy.view.main.Workspace'
    ],

    layout: 'border',
    items: [{
        region: "north",
        xtype: 'main_header',
        height: 80
    }, {
        region: "west",
        xtype: 'main_menu'
    }, {
        region: "center",
        xtype: 'main_workspace'
    }, {
        region: "south",
        xtype: 'main_footer'
    }]
});
